<!-- 成员卡片 -->
<template>
  <div>
      <el-card shadow="hover" :body-style="	{ padding: '0px' }" class="per-card">
               <div class="face">
          
           <el-popover placement="left-start" width="300px" trigger="hover"  style="border-shadow:5px 5px 5px 5px #eee; margin:0; padding:0;">
              <author-card></author-card>
              <a href="#" slot="reference">
               <img src="@/images/1.png" alt="" width="50px" height="50px">
              </a>
            </el-popover>
      </div>
       <div class="main">
          <div class="author">
              <span>组长</span>
              <span>ice</span>
          </div>
          <div class="time">
              <span>地点：</span>
              <span>广州</span>
          </div>
          <div class="content">
              <span>今天天气真好啊</span>
              
          </div>
          
      </div>
      <div class="tabs">
              <el-button type="danger" >关注</el-button>
          </div>
      </el-card>
  </div>
</template>

<script>
import AuthorCard from '@/components/photoInfo/authorCard.vue'
export default {
  data () {
    return {
    };
  },
    components:{
        AuthorCard
    },
  methods: {}
}

</script>
<style lang='scss' scoped>
.per-card{
     position: relative;
    height: 107px;
    .face{
        float: left;
        width:90px;
        height:100px;
        padding:20px 20px;
        img{
        box-shadow: 1px 1px 2px 2px #eee;
      }
    }
    .main{
            padding:20px 20px;
            .author{
                span{
                    font-size:16px;
                    letter-spacing: 2px;
                    font-weight: bold;
                }
            }
            .time{
                margin:2px 0;
                span{
                    font-size:13px;
                    letter-spacing: 1.5px;
                    color:#5e5e5e;

                }
            }
            .content{
                margin:5px 0;
                         span{
                    font-size:14px;
                    letter-spacing: 1.5px;
                    padding-right:20px;
                }
            }
          
    }
    .tabs{

        position:absolute;
        right:10px;
        top:30px;
        
    }
}
</style>